<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="./css/normalize.css">
  <link rel="stylesheet" href="./css/address.css">
</head>
<body>
  <ul class="nav">
    <li>地址确认</li>
    <li>查看订单</li>
    <li>支付</li>
    <li>订单确认</li>
  </ul>
  <div id="address">
    <dl class="carts">
      <dd v-for="list in showList" :class="['cart', list.addressId == choosedId ? 'choose': '']"  @click="chooseCart(list.addressId)">
        <dl>
          <dd>{{list.userName}}</dd>
          <dd>{{list.streetName}}</dd>
          <dd>{{list.tel}}</dd>
          <dd :class="['set', list.addressId == choosedId && !list.isDefault ? '': 'hidden']"
            @click="setDefault(list)">
          设为默认</dd>
          <dd :class="list.isDefault ? '': 'hidden'">默认地址</dd>
        </dl>
      </dd>
      <dd class="cart special">
        <span>+</span>
        添加新地址
      </dd>
    </dl>
    <div class="more" @click="showAll">more</div>
     <div class="more">配送方式</div>
     <div class="trans">
        <div class="transport" :class="isTransportDet==1 ? 'choose': ''" @click="setDefaultTransport(1)">
         <span>普通配送</span>
         free
       </div>
       <div class="transport" :class="isTransportDet==2 ? 'choose': ''" @click="setDefaultTransport(2)">
         <span>高级配送</span>
         180
       </div>
     </div>
  </div>
</body>
<script src="./vue.js"></script>
<script src="./vue-resource@1.5.1.js"></script>
<script src="./js/address.js"></script>
</html>